1. -1
      1. an anti-social framing of ~~technical~~ disability

        this talk explores what happens when we stop treating accessibility as a purely technical concern; how data visualizations and other technical communications could consider what is seen, what is hidden, and who is invited into the work, as modern art does.

        this perspective offers a way to understand accessibility not as an afterthought or a checklist, but as a creative and relational practice.

        through this lens, the talk invites folks to experiment with art and reproduction as a method for rethinking technical practice. making art, even imperfectly, cultivates questions that could be used to bring accessibility earlier into the process:

        • what/who am i including and excluding?
        • how do i make the implicit explicit?
        • what senses are used to portray this narrative?
  2. -1
      1. about the talk

        anti-social
        a dissonance with the rules and environments we're social in

        marshall mchluhan's the medium is the massage

        the poet, the artist, the sleuth - whoever sharpens our perception tends to be antisocial; rarely "well-adjusted," they cannot go along with currents and trends. A strange bond often exists among anti-social types in their power to see environments as they really are. This need to interface, to confront environments with a certain antisocial power, is manifest in the famous story, "the emperor's new clothes." "well-adjusted" courtiers, having vested interests, save the emperor as beautifully appointed. the "antisocial" brat, unaccustomed to the old environments, clearly saw that the emperor "ain't got nothing on." the new environment was clearly visible to them.
        this talk was developed on an island, and it takes effort to leave its pastoral silence.
        accessibility
        the technical parts of disability, physical and digital
  3. -1
      1. Link

  4. -1
      1. overview

        i appreciate the opportunity to discuss art with you at the aptly named CREATE seminar series. today, we'll look through modern, post-modern, and contemporary art technologies as means to making difficult concepts accessible.

        i'm going to show a lot in a short time; this talk is chock full of links and content you can revisit later.

        it makes me happy to leave the island to be here, to share my passions art and science:

        1. i get to revisit so many beautiful things, appreciate where i've been, and find new meaning in works.
        2. presentations challenge my accessibility practice.
        3. i get to encourage folks to appreciate, make, and open themselves up to art.
        4. i've saved enough spoons to be here.

        outcomes

        i hope when this talk is over you find yourself wanting to make or learn something.

  5. -1
      1. getting trapped inside a work

        2

        i often think of alexander calder making his moving sculptures and his unique perspective embedded inside the work. sometimes, this feeling hits me the strongest when i am working with data zooming in and out of it.

        overall i like thinking about and viewing art. to the right i'm at the LACMA maintaining a safe distance from alexander calder's little face, but flirting dangerously with acceptable art viewing of max ernst's entire city while seemingly ignore magritte's treachery of images. my first time through i missed the calder.

  6. -1
      1. the treachery of images

        magritte was treading in ambiguity, too, and he had a different technique to disrupt the hierarchy and order of figures and texts. his primary media was painting, and eventually sculpture, and these media proved effective at clarifying ambiguity.

  7. -1
      1. objects and texts

        https://ideophone.org/magritte-on-words-and-images/

        theres are almost like idions

        2

        these remind of alan perlisisms

  8. -1
      1. the ambiguity of language is the constant battle

        2

        in the early 20th century ferdindand de saussure and charles pierce began semiotics theories that study signs. in these theories they discovered interfaces that complicate representation:

        1. there is ambiguity between the signifier and signified.
        2. the position of the viewer matters

        this is a major problem for technical and scientific enterprises where language is its entirety, and modern art continually finds ways to resolve these ambiguities.

        for accessibility, language can be a poor technology for communicating the lived experiences of disabled people and assistive technology users. this is where we look to other media to find clarity in the ambiguities.

  9. -1
      1. this is not a pipe

        ... is foucault's analysis of magritte's work, specifically, he is trying to locate the text in the work. and, spoiler alert: you can't smoke a painting.

        there are two chapters relevent to the intersections of art, data, and accessibility.

        1. klee, kandinsky, and magritte
        2. the unraveled calligram

        klee, kandinsky, and magritte

        2 paul klee's red green and violet yellow rhythms wassily kandinsky's sky blue

        foucault in this is not a pipe

        And yet Magritte' s art is not foreign to the enterprise of Klee and Kandinsky. Rather it constitutes, facing them and on the basis of a system common to them all, a figure at once opposed and complementary.

        foucault compares the efforts of magritte to that of klee and kandinsky. klee's dots that went for a walk eventually move like text, and the kandisky's synesthetic writings and education on the color harmony of points, lines and planes. all of their impacts are textual, and digital accessibility is a textual problem.

  10. -1
      1. margaret lieteritz abstract data visualizations

        margarent lieteritz is where we locate data as pure form.

        2

        Many of her works were strongly influenced by chemical engineering, and especially the field’s graphs which depicted physical properties of substances. Leiteritz’s paintings typically reworked a mundane graph using large expanses of colour and a bold abstract theme, changing it into a dynamic painting. Other works are reminiscent of Bunsen burner flame or DNA gel.

        Then she devoted herself to diagrams of how they encountered her in her work. She artistically converted the technical drawings into oil. She designed with colors, with backgrounds, with details.

        she was interested in chemical engineering and fully involved with her data. she generated her data, typeset her data, and painted her data.

        through this intimate experience with different modes of representations we can imagine that margaret felt her work more. she engaged more of her senses then we may now. these are practices we should be able to recover if coding systems help us make the productivity gains they promise.

  11. -1
      1. technical modern art books

        a page from paul klee's notebook

        modern art is technical movement.

        2

        2

        margaret's works are standalone works of art. however, it is important to look to history to find that she studied with klee, kandinsky, and albers as a student at the bauhaus school. she was being taught at the same time that defining modern art texts were being written. in her works we can see when decades of modern art practice brings. some of these important texts are:

        • paul klee's pedagogical sketchbook

        • wassily kandinsky's point line and plane

        • josef alber's interactions of color

        • jan tischold's the new typography

          recently, i encountered multiple accessibility posts on table accessibility that reference the new typography. these technologies are still relevent

  12. -1
      1. the unravelled calligram

        another important chapter in this is not a pipe discusses calligrams.

        3 shiite calligraphy symbolising ali as tiger of god calligram by appollinaire

        in calligraphy, calligrams are often words forming shapes.

        in foucault's analysis, calligrams are irreducible units of type and form, think labels and axes, or <label> and <input> elements. they perform three functions:

        1. augment the alphabet.
        2. repeat something without the aid of rhetoric.
        3. trap things into a double cipher.
        Thus the calligram aspires playfully to efface the oldest oppositions of our alphabetical civilization: to show and to name; to shape and to say; to reproduce and to articulate; to imitate and to signify; to look and to read.
  13. -1
      1. data typography

        data visualization is a typography exercise for folks like [ellen lupton] or [edward tufte] that operate with same the principles as calligrams. we can interrogate meaning between the type and form.

        visualization principles are lossy

        when we represent data in pure form we have a tendency to lose essential aspects of the work. the act of visualization creates inaccessibilities.

  14. -1
      1. surrealism

        surrealism got nixed from the talk. apologies management.

  15. -1
      1. modern art in america

        rising facism changed the site of art influence. many, europeans travelled to the united states. black mountain college was a major site of american cultural production.

        In 1933 the Bauhaus closed due to pressure by the Nazi party, and Josef and Anni Albers were invited to teach at Black Mountain College. At Black Mountain, Albers led the innovative visual arts program until 1949. His courses emphasized experimentation with materials and color by doing simple exercises repeatedly and requiring students to rethink the ways they saw the world.

        black mountain college history

        at every turn, modern artists experimenting with emerging technologies.

  16. -1
      1. woven histories

        in 1965, Anni Albers wrote Threads were among the earliest transmitters of meaning.

        2

        Woven Histories: Textiles and Modern Abstraction is a modern art exhibit with several black mountain college residents (eg anni albers, ruth asawa). this exhibit shows how textiles touch us all and connect us to history.

        2

        it is here that we find another confluence and computing. first we observe marilou schultz's (Navajo/Diné), replica of a chip reminding us that textiles and algorithmic practices connect with ada lovelace and the origins of computing history.

        does this relate to a calligraphy? let me weave you a story.

        the word “text” originated from the Latin word “textus,” which means “a weaving” or “a fabric.”

        letterform archive: threading letters

  17. -1
      1. the museum of modern art

        the museum of modern art is a museum and brand that frames enormous wealth. it is an intersectional space for the concerns of art, data, and access; some of them are relevent to our technical accessibility and data interests.

        2 png

        when i visited in the summer of 2025 i finally saw rebecca allen's girl lifts skirt, and could feel

        apropos of nothing, it just above [carna folding wheelchair]. however, is there nothing to reference or did the curator decide there was!

        in fact, the moma holds works from at least five artists from ACM SIGGRAPH's retrospective on digital female art pioneers.

  18. -1
      1. dear data

        other relevent data works include giorgia lupi and stefanie posavec's hand drawn, bespoke dear data post card communications.

  19. -1
      1. never alone

        2

        never alone refers to two things:

        1. a MOMA exhibition on video games and interactive design
        2. a video game created in collaboration with iñupiat alaska natives to share their storied histories

        now video games are a relevent art and we can pull from their history to make accessible things. i find that that video game accessibility guidelines inform my decisions when web content accessibility guidelines are unclear.

  20. -1
      1. post-modernism and the death of the author in a connected world

        technology was disruptive to the 1960s. it where we find the death of the author, ted nelson's hypertext/hypermedia, doug englebart's the mother of all demos, and post-modernism.

        anti-authoritarian by nature, postmodernism refused to recognise the authority of any single style or definition of what art should be. It collapsed the distinction between high culture and mass or popular culture, between art and everyday life. https://www.tate.org.uk/art/art-terms/p/postmodernism

        who makes the meaning? barthes contends that "to give a text an author" and assign a single, corresponding interpretation to it "is to impose a limit on that text." this asks the author to consider the position of the reader relative to the work, and allows us to think how we can orient a text nearer to our viewers.

  21. -1
      1. deconstructed frames

        post-modernism ruptured conventional frames of meaning of the author and artist. two places where we see advances in frame theory are:

        1. marvin minsky's "frame work for knowledge" promoted frames as a technique for artificial intelligence.

          A frame is a data-structure for representing a stereotyped situation, like being in a certain kind of living room, or going to a child's birthday party.
          Winograd (1974) discusses the recent trend, in theories of Artificial Intelligence, toward frame-like ideas.
        2. jacques derrida deconstruction of kant's aesthetics parergon work around the work

          parergon also means the exceptional, the strange, the extra-ordinary

          this pull quote referenced in ellen lupton's elements of typography demonstrates derrida's radical deconstructions.
          the frame... disappears, buries itself, effaces itself, melts away at the moment it deploys its greatest energy. the frame is in no way a background... but neither is its thickness as margin a figure. or at least it is a figure that comes away of its own accord. jacques derrida, 1987

          for derrida, the frame represents part of the work, it represents the work around the work, the omissions, the context.

        the function of the work of art-any work of art-is to conceal the multiple frames within which it is contained

        craig owens: beyond representation

  22. -1
      1. the disintegrating frame

        we're talking about the works framed by museums, but what is outside the frame?

        the shock of recognition! in an electric information environment, minority groups can no longer be contained- ignored. too many people know too much about each other. our new environment compels commitment and participation. we have become irrevocably involved wit, and repsonsible for, each other.
  23. -1
      1. the benefits of wearing a mask

        2

        the guerrilla girls are an anonymous, international collective has that been making the nonvisible visible for years. moreover, they are a statistics project elevating the un and under represented artists.

        you can't believe what comes out of your mouth when you wear a gorilla mask
        frida khalo of the guerrilla girls

        the guerrilla girls gorilla masks disrupt the frame and regain power with the right mask.

  24. -1
      1. some selected guerilla girls works

        these two works are chosen demonstrate how we can think about creating accessible representations of the information in modern and activist art. don't they deserve better than just alt text?

        moma loves dada not mama
        1. chief curator at MoMA PS1 makes, then withdraws, job offer to a woman after she has a baby.
        2. woman files complaint, wins, and MoMA PS1 is forced to change its policies.
        3. the upshot: she's unemployed, but whne chief curator became a dad he got parental leave!
        a message from the guerrilla girls

        MoMA PS1 Settles With Curator Who Said Giving Birth Cost Her Job Offer

        how many women had one-person exhibitions at nyc museums last year?
        guggenheim 0
        metropolitan0
        modern1
        whitney0
  25. -1
      1. progress at the whitney

        3

        while in new york i was so happy to see christine sun kim's whitney exhibition "all day, all night" and amy sherald's "american sublime" at the whitney art museum. every floor was amazing.

        all these histories feel deeply intertwined. remember that the guerrilla girls made the lack of women visible, the whitney showed zero women artists, and now we can find we find two woman of color showing simultaneously at the whitney. progress!

        christine sun kim "all day, all night"

        we are privileged to experience christine sun kim's art. her position as a profoundly deaf audience gives us a glimpse into accessibility first art and exhibition. despite a lack of hearing, her exhibition is full of sound, the musicality jumps along the walls and in between frames.

        2

        her framed visualizations use simple materials to communicate difficult information.

        for example, several rooms included tactiles and braille:

        3

  26. -1
      1. ghosted @ UW

        christine sun kim might be familiar to y'all from her [ghosted] installation outside the university of washington's at Henry Hall with an imagine of the christine sun kim's exhibition book in the foreground.

  27. -1
      1. parergon the work around the work

        parergon also means the exceptional, the strange, the extra-ordinary

        walking the frame's philosophical razor's edge let's us consider aesthetics without judgement. one on side is pure outside with the percievable on the other. it is when we teeter along the frame we can find the work around the work, the parergon.

        along the frame we can work towards meeting people (the artist) where they are within their materials in their time and space. it is here in a museum we can think of who is afforded access to these works, or not. multiple frames start to reveal themselves in a very familiar way to the multiple frames in minsky's theories.

  28. -1
      1. on ~~reproduction~~ replication

        In principle a work of art has always been reproducible.

        walter benjamin - The Work of Art in the Age of Mechanical Reproduction

        reproduction, or replication, allows us to stand on the frame, to do practice the work, and during the process we find time complete sensory engagement.

  29. -1
      1. sturtevant

        art history is full of artists reproducing prior works (eg manet), not unlike the practice of homework or remaking data visualizations to understand the medium.

        sturtevant is a unique modern conceptual artist with a restrospective at the MOMA called double trouble.

        sturtevant's works look familiar, but they are not copies. they just look that way... they are studies of the work.

        sturtevant mastered each medium to create full ranges of works, and documented the process in many media as it took shape.

        sturtevant's art was all about the work, the process, and the medium. all with an overarching question what if a woman authored the work? as all the works she reproduced were men.

        2

  30. -1
      1. making accessible technology using modern art techniques.

        i'm encouraging y'all to get into the work. spend time making something to activate your available senses. heightening these awarenesses helps create more perceivable content, more accessible experiences.

        modern art equals i could do that plus yea, but you didn't

        we've demonstrated how modern art techniques can offer insight and engagement with a work. we have access to all of art history, hell most of it is crammed in the browser, this places us at a unique time to make meaningful material and non-materials works.

  31. -1
      1. practicing designing accessible content

        hopefully, at this point, we've understood that some paintings are meant to be read and some are meant to be written. we can begin to look at visualizations with soft eyes throught the work, we can go beyond reading visualization to viewing to making.

        • a truly assistive unit takes time, work, and practice.
        • digital accessibility is an exercise in text. make sure that the implicit is explicit in accessible contexts.
        • build from html basics. html is the most assistive standard for developers building accessible web content. using html semantics properly will get us closer the accessible solutions than going the javascript route.
        • learn what you can and cannot do with css.
        • learn your screen reader. you have at least one.
        • learn aria techniques to modify how visual information sounds while considering aria rules
        • let evil rot
        • consider how to make the work percievable visually, audibly, and tactilely.
        • consider how to make the work operable with keyboard, with touch, with screen reader, with game control.
        • think about how an object would be made in different materials and methods.
        • overall, the most costly aspect of designing for accessibility is leaving it to the end.
        • set up open broadcaster software to start streaming or recording videos.
  32. -1
      1. exercises

        all of this is about practicing html. we'll make our pdf from the html. javascript just changes the html, it changes what the document sounds like.

        • make a self portrait or make a portrait of this
        • practice css by finding interesting type settings examples.
        • make a site, make a notebook, make a zine, make a comic, make a video
        • recreate palletes from iteractions of color

        palettes from josef alber's interactions of color

  33. -1
      1. some of my practices

  34. -1
      1. tangle and weave

        sometimes i stream on youtube as tangle and weave.

        • practice ability - a talk on a applying data visualization accessibility guidelines
  35. 107
      1. reproductions

        reproduction duchamp videos

        reproducing two blank canvases
  36. -1
      1. bauhaus optical illusions

        image.png

  37. -1
      1. how could i make my calligraphy more of a digital experience?

        there are points where alt text doesn't suffice anymore. when there are layers we need more information. these complex scenarios take practice.

        image.png

        how can we make data experiences more tactile, like tactile maps?

        IMG_2829.jpeg

  38. -1
      1. what if we started thinking of visualization through glass? how does external light interact with the glass? what could shadows acheive in data representation?

  39. -1
      1. a salvadore dali glass diorama from the MOMA

        IMG_2564.jpeg

  40. -1
      1. exercises in css

  41. -1
  42. -1
  43. -1
  44. -1
      1. that one time i made plots of video points

        2

  45. -1
      1. marginalia

  46. 108
      1. '.no-pres {\n    display: none;\n}\nspan.c::after {\n    content: ";";\n}\n/** the presentation version shows marked blockquotes **/\nblockquote > :not(mark) {\n    display: none;\n}\n:is(img[alt="2"], img[alt="4"]) {\n    display: none;\n    & + img {\n        &, & + img, & + img + img + img {\n            max-width: 40%;\n        }\n    }\n}\n:is(img[alt="3"], img[alt="6"]) {\n    & + img {\n        &, & + img, & + img, & + img  + img {\n            max-width: 30%;\n        }\n    }\n}\nimg {\n    max-height: 600px;\n}\nimg[src$=".svg.png"] {\n    background: white;\n}\nimg[alt=blur] + img {\n    filter: blur(.25rem);\n\n}\n\n'
      1. presentation styling

        .no-pres {
            display: none;
        }
        span.c::after {
            content: ";";
        }
        /** the presentation version shows marked blockquotes **/
        blockquote > :not(mark) {
            display: none;
        }
        :is(img[alt="2"], img[alt="4"]) {
            display: none;
            & + img {
                &, & + img, & + img + img + img {
                    max-width: 40%;
                }
            }
        }
        :is(img[alt="3"], img[alt="6"]) {
            & + img {
                &, & + img, & + img, & + img  + img {
                    max-width: 30%;
                }
            }
        }
        img {
            max-height: 600px;
        }
        img[src$=".svg.png"] {
            background: white;
        }
        img[alt=blur] + img {
            filter: blur(.25rem);
            
        }
        </style>
        
  47. None
    1. ['\x1b[2K\x1b[32m⠁\x1b[0m activating environment                                                        ']
  48. None

  1. -1
      1. settings

  2. 23
      1. accesssibility settings

        change typography, color, and nonvisual settings

      2. 'form(name="accessibility")\n    hgroup\n        h2 accesssibility settings\n        p change typography, color, and nonvisual settings\n    ol\n        li.theme\n            label\n                span.label color scheme\n                select(name="color-scheme", onchange="toggleClass(event)")\n                    option(value="") system\n                    option(value="light") light\n                    option(value="dark") dark\n        li.colors\n            label\n                span.label light color\n                input(type="color", name="fg", onchange="updateStyleVar(event)", value="white")\n            label\n                span.label dark color\n                input(type="color", name="bg", onchange="updateStyleVar(event)", value="black")\n            label\n                span.label accent color\n                input(type="color", name="accent-color", onchange="updateStyleVar(event)", value="gray")\n\n        li.font-size\n            label \n                span.label font size\n                select(name="font-size", onchange="updateStyleVar(event)")\n                    option(value="0.5625rem") xx-small\n                    option(value="0.625rem") x-small\n                    option(value="0.8125rem") small\n                    option(value="1rem") medium\n                    option(value="1.125rem") large\n                    option(value="1.625rem") x-large\n                    option(value="2rem") xx-large\n                    option(value="3rem") xxx-large\n                    option(value="4rem") xxxx-large\n                    option(value="5rem") xxxxx-large\n                    option(value="6rem") xxxxxx-large\n                    option(value="7rem") xxxxxxx-large\n                    option(value="8rem") xxxxxxxx-large\n\n        li.line-height\n            label \n                span.label line height\n                input(name="line-height", type="number", onchange="updateStyleVar(event)", value=1)\n    style.\n        :root {\n            --margin: 1rem;\n            --light: white;\n            --dark: black;\n            --accent-light: gray;\n            --accent-dark: gray;\n            --font-size: 1rem;\n        }\n        input[type="checkbox"], input[type="redio"] {\n            height: var(--font-size);\n            width: var(--font-size);\n        }\n        body, input, select {\n            font-size: var(--font-size);\n        }\n        .light {\n            --fg: var(--dark);\n            --bg: var(--light);\n            --accent: var(--accent-light);\n        }\n        .dark {\n            --fg: var(--light);\n            --bg: var(--dark);\n            --accent: var(--accent-dark);\n            a {\n                filter: invert(100%);\n            }\n        }\n        .light, .dark {\n            background-color: var(--bg);\n            color: var(--fg);\n            dialog, textarea, input, select {\n                background-color: var(--bg);\n                color: var(--fg);\n            }\n        }\n        body {\n            main {\n                margin-left: var(--margin);\n                margin-right: var(--margin);\n            }\n        }\n\n'
  3. 24
      1. browser

        the builtin runtime types

  4. 4
  5. 5
      1. markdown

        render markdown with markdown it

        learn more about markdown syntax

  6. 8
      1. mermaid

        learn more about mermaid syntax

  7. None
  8. None